<template name="donorRoom">
  <form @submit="complateDonorRoom">
    <view class="list type" style="padding: 24rpx 40rpx">
      <view class="title">计算方式</view>
      <view class="right">
        <picker name="jointApplicant" @change="complateType" mode="selector" :range="complateType">
          <text class="value">{{complateType[complateIndex]}}</text>
        </picker>
        <image src="/static/images/sys/right.png" class="list-arrow"></image>
      </view>
    </view>
    <view class="border">
      <view class="list">
        <view class="title">
          <text>贷款金额</text>
          <image src="/static/images/sys/tips@2x.png" class="tips" @tap="showtapsNum"></image>
          <image src="/static/images/sys/tipsImgNum.png" class="tips-content" v-if="showNum" mode="aspectFit"></image>
        </view>
        <view class="right">
          <input name="loanTotal" placeholder="0-90" placeholder-class="input-placeholder" type="number">
          <text class="company">万</text>
        </view>
      </view>
      <view class="list">
        <view class="title">
          <text>贷款年限</text>
          <image src="/static/images/sys/tips@2x.png" class="tips" @tap="showtapsYear"></image>
          <image src="/static/images/sys/tipsImgYear.png" class="tips-content" v-if="showYear" mode="aspectFit"></image>
        </view>
        <view class="right">
          <input name="year" placeholder="0-30" placeholder-class="input-placeholder" type="number">
          <text class="company">年</text>
        </view>
      </view>
    </view>
    <view class="control-group">
      <button form-type="reset" class="reset" hover-class="btn">清空</button>
      <button form-type="submit" class="submit" hover-class="btn">开始计算</button>
    </view>
  </form>
</template>